<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <head>
        <script type="text/javascript"
                src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&amp;sensor=false">	
        </script>
        <script type="text/javascript" src="js/criarJornada.js"></script>
        <script type="text/javascript" src="js/googleApi.js"></script>
        <link rel="stylesheet" type="text/css" href="css/criarJornada.css" />

    </head>
    <body>
        <f:view locale="#{languageDetails.locale}">
            <ui:include src="header.xhtml" />
            <ui:include src="menu.xhtml" />
           
                <div id="control">
                    <h:outputLabel value="#{msg.origem}" for="origem" />
                    <h:inputText id="origem" required="true" />
                    <h:outputLabel value="#{msg.destino}" for="destino" />
                    <h:inputText id="destino" required="true" />
                    <f:verbatim>
                        <input type="button" name="btn1" id="btn1" value="${msg.tracar}" />
                    </f:verbatim>
                </div>

                <div id="directions_panel"></div>
                <div id="map_canvas"></div>

                <div>				
                    <p>Escolher menor caminho<input type="radio" name="rota" checked="checked" value="1" /></p> 
                    <p>Ajustar rota manualmente<input type="radio" name="rota" value="2" /></p>
                    <p>Exibir passos<input type="checkbox" /></p>
                    <p>Colocar marcadores nos passos<input type="checkbox" /></p>
                    <label>Veiculo: select dinamico da lista de veiculos do cliente </label><input type="text"/>


                    <input type="button" name="btn2" id="btn2" value="Cadastrar" />
                
                </div>
         
            <p id="resposta"></p>

            <!-- 		<div id="total"></div> -->
        </f:view>
    </body>
</html>